*{
    margin: 0;
    padding: 0;
}
body{
    background-color: black;
}
.box{
    margin: 0 auto;
    >svg{
        >path{
            fill: white;
            fill-opacity: 0;
            stroke-width: 1;
            stroke-dasharray: 1229;
            stroke-dashoffset: 1229;
            animation: animate 10s linear forwards;
        }
        @keyframes animate {
            to{
                stroke-dashoffset: 0;
            }
        }
    }
}
.box2{
    >svg{
        
    }
}